<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>欢迎</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

    <!-- Swiper JS -->
    <script src="js/swiper.js"></script>
    <script src="js/jquery-3.4.0.js"></script>
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/xadmin.css">

    <!-- Demo styles -->
    <style>
        body {
            background: #fff;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color:#000;
            margin: 0;
            padding: 0;
        }
        .swiper-container {
            width: 100%;
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .swiper-slide {
            background-position: center;
            background-size: cover;
            width: 300px;
            height: 300px;
        }
    </style>
</head>
<body>
<div class="x-body">
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">刷新</i>
    </a>
    <blockquote  class="layui-elem-quote">
        <div class="layui-inline">
            <span class="x-red">欢迎管理员：从session中获取姓名!</span>
        </div>
        <div class="layui-inline">
            <p id="time" type="text"></p>
        </div>
    </blockquote>
</div>
<div>
    <span class="" ></span>
</div>
<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide" style="background-image:url(https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2600678022,2725707761&fm=26&gp=0.jpg)"></div>
        <div class="swiper-slide" style="background-image:url()"></div>
        <div class="swiper-slide" style="background-image:url(https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3302028724,1899299279&fm=26&gp=0.jpg)"></div>
        <div class="swiper-slide" style="background-image:url(https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3377294372,2633190825&fm=26&gp=0.jpg)"></div>
        <div class="swiper-slide" style="background-image:url(https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1021231146,2036892019&fm=26&gp=0.jpg)"></div>
        <div class="swiper-slide" style="background-image:url(https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3447179635,190513994&fm=26&gp=0.jpg)"></div>
        <div class="swiper-slide" style="background-image:url(https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3142568736,339371228&fm=26&gp=0.jpg)"></div>
        <div class="swiper-slide" style="background-image:url(https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2502200912,2875687&fm=26&gp=0.jpg)"></div>
        <div class="swiper-slide" style="background-image:url()"></div>
        <div class="swiper-slide" style="background-image:url()"></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>

<script >
        var swiper = new Swiper('.swiper-container', {
            effect: 'coverflow',
            grabCursor: true,
            centeredSlides: true,
            slidesPerView: 'auto',
            coverflowEffect: {
                rotate: 50,
                stretch: 0,
                depth: 100,
                modifier: 1,
                slideShadows : true,
            },
            pagination: {
                el: '.swiper-pagination',
            },
        });
        $(function () {
            let dayMsg = new Date();
            let year = dayMsg.getFullYear(); // 获取年份
            let month = dayMsg.getMonth()+1;  // 获取月份
            let day = dayMsg.getDate();  // 获取日
            let hour = dayMsg.getHours();  // 获取小时
            let minute = dayMsg.getMinutes();  // 获取分钟
            let second = dayMsg.getSeconds();  // 获取秒

            let nowTime = year + "年" + month + "月" + day + "日" + hour + "时" + minute + "分" + second + "秒";

            $("#time").text(nowTime);
        });
</script>
</body>
</html>